{% extends "main.html" %}
{% block title %}Company Creation Demo{% endblock %}
{% block head %}
<script type="text/javascript" src="/js/form.js"></script>
<script type="text/javascript" src="/js/CreateCompanyForm.js"></script>
{% endblock %}

{% block pageHeader %}
{% include "templates/navigation.html" %}
{% endblock %}

{% block content %}
<h1>Create Company</h1>
<p class="intro">
    Create a Company: Enter Company name and Administrator's username, email and password. <br>
	Use the Administrator's username to login and manage Company Groups and Users.
    {{Message}}
</p>
<div class="form createCompanyForm">
    <form  action="/create/company" method="post">
        <div class="errorSummary" style="display:none">
        </div>
        <div class="row">
            <label class="caption" for="CompanyName">Company Name<span class="required">*</span></label>
            <div class="field text required">
                <input type="text" value="{{CompanyName}}" class="text" id="CompanyName" name="CompanyName">
            </div>
        </div>
        <div class="row">
            <label class="caption" for="UserName">Administrator Username<span class="required">*</span></label>
            <div class="field text required">
                <input type="text" value="{{UserName}}" class="text" id="UserName" name="UserName">
            </div>
        </div>
        <div class="row">
            <label class="caption" for="EMail">Administrator email<span class="required">*</span></label>
            <div class="field email required">
                <input type="text" value="{{Email}}" class="text" id="EMail" name="EMail">
            </div>
        </div>
        <div class="row">
            <label class="caption" for="Password">Password<span class="required">*</span></label>
            <div class="field password required">
                <input type="password" class="text" id="Password" name="Password">
                <p>at least 6 characters</p>
            </div>
        </div>
        <div class="row">
            <label class="caption" for="Password">Confirm Password<span class="required">*</span></label>
            <div class="field password required">
                <input type="password" class="text" id="confirmPassword" name="confirmPassword">
                <p>at least 6 characters</p>
            </div>
        </div>
        <div class="row formButtons">
            <label class="caption">&nbsp;</label>
            <div class="field">
                <input type="submit" value="Submit">
            </div>
        </div>
    </form>
</div>
{% endblock %}

{% block footer %}
{% include "templates/copyright.html" %}
{% endblock %}